<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Login | DarkWhite</title>
	
	<!-- core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/prettyPhoto.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <link href="css/responsive.css" rel="stylesheet">
    <link rel="stylesheet" href="css/login_reg.css">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->       
</head><!--/head-->
<style>
.main_body {
    background-color: #ffffff;
    background-size: cover;
    /* background-position: -30% center; */
    background-repeat: no-repeat;
    background-image: url(./images/bg1.jpg);
    height: 100%;
  }
</style>
<body class="homepage">

    <header id="main_header">
       
				
    </header><!--/header-->


<section id="main_body" class="main_body">
<div class="container">
        <div class="row">
				<div class="col-md-4">
					

					<!-- Start Sign In Form -->
					<form action="#" class="log_reg animate-box" data-animate-effect="fadeInLeft">
						<h2>登录</h2>
						<div class="form-group">
							<label for="username" class="sr-only">用户名</label>
							<input type="text" class="form-control" id="uname" placeholder="用户名" autocomplete="off">
						</div>
						<div class="form-group">
							<label for="password" class="sr-only">Password</label>
							<input type="password" class="form-control" id="upwd" placeholder="密码" autocomplete="off">
						</div>
						<div class="form-group">
							<label for="remember"><input type="checkbox" id="remember">记住用户名</label>
						</div>
						<div class="form-group">
							<p>还没有注册? <a href="register.html">注册</a> | <a href="forget.html">忘记密码</a></p>
						</div>
						<div class="form-group">
							<input type="button" id="btnLogin" value="登 录" class="btn btn-primary">
						</div>
					</form>
					<!-- END Sign In Form -->


				</div>
			</div>



</div>


</section>



<section id="bottom">
  <div id="bottom2" class="container wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
     
  </div>
</section>

<footer id="footer" class="midnight-blue">
  <div class="container">
      <div class="row">
          <div class="col-sm-6">
              &copy; 2019 All Rights Reserved.
          </div>
          <div class="col-sm-6">
              <ul class="pull-right">
                  <li><a href="index.html">首页</a></li>
                  <li><a href="about-us.html">关于我们</a></li>
                  <li><a href="404.html">常见问题</a></li>
                  <li><a href="contact-us.html">联系我们</a></li>
              </ul>
          </div>
      </div>
  </div>
</footer>


    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.prettyPhoto.js"></script>
    <script src="js/jquery.isotope.min.js"></script>
    <script src="js/main.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/login.js"></script>
</body>















<!-- 弹出式对话框：表示登录成功 -->
<div id="modalLoginSucc" class="modal fade">   <!--半透明遮罩-->
    <div class="modal-dialog modal-sm">   <!--对话框尺寸、位置-->
      <div class="modal-content">   <!--边框、倒角、背景色-->
        <!-- 头部 -->
        <div class="modal-header">
          <h4 class="modal-title">登录成功</h4>
        </div>
        <!-- 主体 -->
        <div class="modal-body">
          <p>正在为您跳转页面</p>
        </div>
        <!-- 尾部 -->
        <div class="modal-footer">
          <button class="btn btn-info" type="button" data-dismiss="modal">确定</button>
        </div>
      </div>  
    </div>
  </div>
  <!-- 弹出式对话框：表示登录失败 -->
  <div id="modalLoginErr" class="modal fade">   <!--半透明遮罩-->
    <div class="modal-dialog modal-sm">   <!--对话框尺寸、位置-->
      <div class="modal-content">   <!--边框、倒角、背景色-->
        <!-- 头部 -->
        <div class="modal-header">
          <h4 class="modal-title">注册失败</h4>
        </div>
        <!-- 主体 -->
        <div class="modal-body">
          <p><b>用户登录失败！</b></p>
          <p>服务器返回的错误消息：<span id="serverErrMsg"></span></p>
        </div>
        <!-- 尾部 -->
        <div class="modal-footer">
          <button class="btn btn-info" type="button" data-dismiss="modal">确定</button>
        </div>
      </div>  
    </div>
  </div>








</html>